package cn.net.autocode.platform.file.viewTemplate;

public class ExcelView {

    public static final String template = """
            <!DOCTYPE html>
            <html lang="en" xmlns:th="http://www.thymeleaf.org">
            <head>
                <meta charset="UTF-8"/>
                <title>{fileName}</title>
                <link rel='stylesheet' href='/links/luckysheet/plugins/css/pluginsCss.css'/>
                <link rel='stylesheet' href='/links/luckysheet/plugins/plugins.css'/>
                <link rel='stylesheet' href='/links/luckysheet/css/luckysheet.css'/>
                <link rel='stylesheet' href='/links/luckysheet/assets/iconfont/iconfont.css'/>
                <script src="/links/luckysheet/plugins/js/plugin.js"></script>
                <script src="/links/luckysheet/luckysheet.umd.js"></script>
                <script src="/links/luckysheet/luckyexcel.umd.js"></script>
            </head>
            
            <style>
                * {
                    margin: 0;
                    padding: 0;
                }
            
                html, body {
                    height: 100%;
                    width: 100%;
                }
            
            </style>
            <body onload="loadText()">
            
            <div id="luckysheet"
                 style="margin:0px;padding:0px;position:absolute;width:100%;left: 0px;top: 20px;bottom: 0px;outline: none;"></div>
            
            <script>
            
                function loadText() {
                    let url = "/autocode/fileProvider/previewContent/{fileId}";
                    var name = 'LIMS需求矩阵.xlsx';
                    LuckyExcel.transformExcelToLuckyByUrl(url, name, function (exportJson, luckysheetfile) {
                        if (exportJson.sheets == null || exportJson.sheets.length == 0) {
                            alert("读取excel文件内容失败!");
                            return;
                        }
                        window.luckysheet.destroy();
                        window.luckysheet.create({
                            container: 'luckysheet', //luckysheet is the container id
                            lang: "zh",
                            showtoolbarConfig: {
                                image: true,
                                print: true, //关闭打印按钮  启用也不能用 等以后看情况而定
                                exportXlsx: true, //关闭导出按钮  启用也不能用  等以后看情况而定
                            },
                            allowCopy: true, // 是否允许拷贝
                            showtoolbar: true, // 是否显示工具栏
                            showinfobar: false, // 是否显示顶部信息栏
                            // myFolderUrl: "/",//作用：左上角<返回按钮的链接
                            showsheetbar: true, // 是否显示底部sheet页按钮
                            showstatisticBar: true, // 是否显示底部计数栏
                            sheetBottomConfig: true, // sheet页下方的添加行按钮和回到顶部按钮配置
                            allowEdit: true, // 是否允许前台编辑
                            enableAddRow: false, // 允许增加行
                            enableAddCol: false, // 允许增加列
                            userInfo: false, // 右上角的用户信息展示样式
                            showRowBar: true, // 是否显示行号区域
                            showColumnBar: false, // 是否显示列号区域
                            sheetFormulaBar: false, // 是否显示公式栏
                            enableAddBackTop: true,//返回头部按钮
                            forceCalculation: false, //下面是导出插件 默认关闭
                            data: exportJson.sheets,
                            title: exportJson.info.name,
                            userInfo: exportJson.info.name.creator,
                        });
                    }, 1000);
                }
            </script>
            </body>
            </html>
            """;
}
